.focus {
    height: 465px;
}

.focus .banner {
    float: left;
    margin: 10px 0px 0px 219px;
    width: 721px;
    height: 455px;
}

.focus .banner a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/banner.png) no-repeat center center;
}

.focus .convenient {
    float: left;
    margin: 10px 0px 0px 9px;
    width: 250px;
    height: 455px;
    box-sizing: border-box;
}

.focus .convenient .news {
    height: 163px;
    border: 1px solid #e4e4e4;
    border-bottom: 0px solid transparent;
}

.focus .convenient .news .news-header {
    height: 32px;
    border-bottom: 1px dashed #e8e8e7;
}

.focus .convenient .news .news-header h3, .focus .convenient .news .news-detail {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
}

.focus .convenient .news .news-header h3 {
    float: left;
    color: #333333;
    margin-left: 15px;
}

.focus .convenient .news .news-detail {
    float: right;
    color: #666666;
    margin-right: 15px;
}

.focus .convenient .news .news-detail::after {
    content: ' \e920';
    font-family: 'icomoon';
} 

.focus .convenient .news ul {
    margin-top: 6px;
}

.focus .convenient .news ul li a {
    display: block;
    font-size: 13px;
    font-weight: 700;
    padding-left: 15px;
    color: #444444;
}

.news ul li a span {
    font-weight: 400;
}

.focus .convenient .news ul li a:hover {
    font-weight: normal;
    color: #0c82ff;
}

.focus .convenient .menus {
    height: 210px;
}

.focus .convenient .menus ul li {
    float: left;
    width: 61.25px;
    height: 69.0px;
    text-align: center;
    border: 1px solid #e8e8e7;
    margin: -1px 0px 0px -1px;
    z-index: 0;
    position: relative;
}

.focus .convenient .menus ul li:nth-of-type(4n-3) {
    margin-left: 0px;
}

.focus .convenient .menus ul li:hover {
    border: 1px solid #b1191a;
    z-index: 10;
}

.focus .convenient .menus ul li a:hover {
    color: #b1191a;
}

.focus .convenient .menus ul h5 {
    font-weight: 400;
}

.cmicon {
    width: 32px;
    height: 32px;
    margin: 8px 0px 0px 16px;
}

.cm1 {
    background: url(../images/icons.png) no-repeat -13px -12px;
}
.cm2 {
    background: url(../images/icons.png) no-repeat -75px -13px;
}
.cm3 {
    background: url(../images/icons.png) no-repeat -137px -13px;
}
.cm4 {
    background: url(../images/icons.png) no-repeat -202px -13px;
}
.cm5 {
    background: url(../images/icons.png) no-repeat -13px -84px;
}
.cm6 {
    background: url(../images/icons.png) no-repeat -75px -84px;
}
.cm7 {
    background: url(../images/icons.png) no-repeat -137px -84px;
}
.cm8 {
    background: url(../images/icons.png) no-repeat -202px -84px;
}
.cm9 {
    background: url(../images/icons.png) no-repeat -12px -156px;
}
.cm10 {
    background: url(../images/icons.png) no-repeat -75px -156px;
}
.cm11 {
    background: url(../images/icons.png) no-repeat -137px -156px;
}
.cm12 {
    background: url(../images/icons.png) no-repeat -202px -156px;
}

.focus .convenient .ad {
    height: 75px;
    margin-top: 5px;
}

.focus .convenient .ad a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/ad.png) no-repeat center center;
}
